import React from 'react';
import { Col, Row } from 'antd';
import '../../css/home/home-module.scss'
import Echarts from '../../components/common/ECharts';
const Home = () => {

    return (
        <div className='box'>
            {/* 访客人数 */}
            <div className='quantity'>
                <Row>
                    <Col xs={{ span: 5, offset: 1 }} lg={{ span: 7, offset: 0 }}>
                        Col1
                    </Col>
                    <Col xs={{ span: 11, offset: 1 }} lg={{ span: 7, offset: 2 }}>
                        Col2
                    </Col>
                    <Col xs={{ span: 5, offset: 1 }} lg={{ span: 7, offset: 2 }}>
                        Col3
                    </Col>
                    <Col xs={{ span: 11, offset: 1 }} lg={{ span: 7, offset: 0 }}>
                        Col4
                    </Col>
                    <Col xs={{ span: 5, offset: 1 }} lg={{ span: 7, offset: 2 }}>
                        Col5
                    </Col>
                </Row>
            </div>
            {/* 访客纪录变化图 */}
            <div className='records'>
                <Row>
                    <Col span={23} offset={0}>
                       <Echarts></Echarts>
                    </Col>
                </Row>
            </div>
            {/* 本周详情 */}
            <div className='details'>

            </div>
        </div>
    );
}

export default Home;